let btn = document.querySelector('.btn')
let phone = document.querySelector('.phone1')
let phonepas = document.querySelector('.phonepas')
var agr = document.querySelector('.agr')
console.log(btn, phone)
var phones = phone.value
var phoness = phonepas.value
var flag1 = 0;
var flag2 = 0;
var flag = 0;
$(function () {

    $('.loginnav li').click(function () {
        $(this).addClass('list').siblings().removeClass('list')

        var a = $(this).index()
        $('.clkk').val(Math.floor((Math.random() * 9000) + 1000))
        if (a == 1) {
            $('.clkk').val(Math.floor((Math.random() * 9000) + 1000))
            console.log(a)
            $('.loginceter2').css({ 'display': 'block' })
            $('.loginceter1').css({ 'display': 'none' })
           

        } else {
            $('.clkk').val(Math.floor((Math.random() * 9000) + 1000))
            $('.loginceter1').css({ 'display': 'block' })
            $('.loginceter2').css({ 'display': 'none' })
            
        }
    })

})


// 账号密码不能为空

$('.clkk').val(Math.floor((Math.random() * 9000) + 1000))
phone.onblur = function () {
    if (phones != null) {
        flag1 = 1;
        console.log(flag1)
    }
}
phonepas.onblur = function () {
    if (phoness != null) {
        flag2 = 1;
        console.log(flag2)
    }


}
$('.clks').blur(function () {
    if ($('.clks').val() == $('.clkk').val()) {
        flag = 1;
        console.log(flag)
    }
})

agr.onclick = function () {
    if (this.checked) {
        if (flag == 1 & flag1 == 1 & flag2 == 1) {
            btn.disabled = false
            console.log(btn.disabled)
        } else {
            btn.disabled = true
        }

    }
}


// btn.onclick = function () {
//     console.log(11)
//     axios.get(loginApi, {
//         params: {
//             username: phone.value,
//             password: phonepas.value
//         }
//     }).then(res => {
//         console.log(res)
//         if (res.data.code == 1) {
//             alert(res.data.msg)
//             localStorage.setItem('token', res.data.data.id)
//             localStorage.setItem('username', res.data.data.username)

//             location.href = 'index.html'
//         } else {
//             alert(res.data.msg)
//         }
//     }).catch(error => {
//         console.log(error)
//     })




// }


$('.btn').click(function(){
    $.post('http://47.104.244.134:8080/userlogin.do',{name:phone.value,password:phonepas.value})
    .done(data=>{
        if(data.code==0){
            console.log(data)
            localStorage.setItem('token', data.data.token);
            localStorage.setItem('username', phone.value);
            location.href='index.html';
        }else if(data.code==1){
            alert(data.msg)
            console.log(data)
        }
    })
})

































// $(function () {
//     var phone = $('#phone').val()
//     var phonepas = $('#phonepas').val()
//     $('.btn').click(function () {
//         console.log( $('.btn'))
//         $.get(loginApi, { 'username': phone, 'password': phonepas }, function (res) {
//            console.log(res.msg)
//             if (res.code == 1) {
//                 alert(res.msg)
//                 localStorage.setItem('token', res.data.id)
//                 localStorage.setItem('username', res.data.username)

//                 location.href = 'index.html'
//             } else {
//                 alert(res.msg)
//             }
//         })
//     })
// })